<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Hotel A Hotel category Flat bootstrap Responsive Website Template | Single</title>
    <link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css'/>
    <link th:href="@{/css/style.css}" rel='stylesheet' type='text/css'/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--webfont-->
    <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/login.js}"></script>
</head>
<body>
<div class="header">
    <div class="col-sm-8 header-left">
        <div class="logo">
            <a href="index.html"><img th:src="@{/images/logo-hotel.png}" alt=""/></a>
        </div>
        <div class="menu">
            <a class="toggleMenu" href="#"><img th:src="@{/images/nav.png}" alt=""/></a>
            <ul class="nav" id="nav">
                <li><a href="index.html">主页</a></li>
                <li><a href="rooms.html">房间</a></li>
                <li><a href="news.html">新闻</a></li>
                <li><a href="gallery.html"></a></li>
                <li class="active"><a href="404.html">订单</a></li>
                <div class="clearfix"></div>
            </ul>
            <script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
        </div>
        <!-- start search-->
        <div class="search-box">
            <div id="sb-search" class="sb-search">
                <form>
                    <input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search"
                           id="search">
                    <input class="sb-search-submit" type="submit" value="">
                    <span class="sb-icon-search"> </span>
                </form>
            </div>
        </div>
        <!----search-scripts---->
        <script th:src="@{/js/classie.js}"></script>
        <script th:src="@{/js/uisearch.js}"></script>
        <script>
            new UISearch(document.getElementById('sb-search'));
        </script>
        <!----//search-scripts---->
        <div class="clearfix"></div>
    </div>
    <div class="col-sm-4 header_right">
        <div id="loginContainer"><a href="#" id="loginButton"><img th:src="@{/images/login.png}"><span>登录</span></a>
            <div id="loginBox">
                <form id="loginForm">
                    <fieldset id="body">
                        <fieldset>
                            <label for="phone">电话</label>
                            <input type="text" name="phone" id="phone">
                        </fieldset>
                        <fieldset>
                            <label for="password">密码</label>
                            <input type="password" name="password" id="password">
                        </fieldset>
                        <input type="submit" id="login" value="登录">
                        <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
                    </fieldset>
                    <span><a href="#">你忘了密码？</a></span>
                </form>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>
<!--single start here-->
<div class="single">
    <div class="container">
        <div class="col-md-15 sing">
            <div class=" single-grid">
                <img class="img-responsive" th:src="@{/images/blog.jpg}">
                <div class="lone-line">
                    <h2>敦煌怡馨居快捷酒店</h2>
                    <div class="cal">
                        <ul>
                            <li><span><i class="glyphicon glyphicon-calendar"> </i>22.08.2014</span></li>
                            <li><a href="#"><i class="glyphicon glyphicon-comment"> </i>24</a></li>
                        </ul>
                    </div>
                    <p>
                        敦煌怡馨居快捷旅馆位于敦煌市沙州南路国税局斜对面，环保局楼后，紧挨阳关自然保护区楼（沙州夜市附近约100多米处），安全安静，距自汉朝起即为“敦煌八景”之一的风景名胜区鸣沙山、月牙泉公交站点约100米，大大节省您的宝贵时间。
                        旅馆设有大型停车场、餐厅、购物超市、KTV，客房干净、整洁、卫生，保证一客一换，每客消毒，让你享受温馨家的感觉，特别适合家庭、情侣、背包客等自助游客人入住。</p>
                    <p>
                        旅馆还会为游客设计贴心的旅游攻略，东线莫高窟、鸣沙山月牙泉，西线雅丹、阳关、玉门关等报精品团或拼车、包车；为您选择报精品沙漠露营基地；代售各类演出门票等，热忱期待您的到来并愿意为您提供周到的服务。</p>
                </div>
            </div>
            <div class=" single-profile">
                <h4> Related Posts</h4>
                <div class="single-left ">
                    <div class="col-md-3 post-top">
                        <a href="#"> <img class="img-responsive " th:src="@{/images/s1.jpg}" alt=""></a>
                        <a href="#"><h6>标准间</h6></a>
                        <p>含早餐，有WiFi</p>
                    </div>
                    <div class="col-md-3 post-top">
                        <a href="#"><img class="img-responsive " th:src="@{/images/s1.jpg}" alt=""></a>
                        <a href="#"><h6>单人间</h6></a>
                        <p>含早餐，有WiFi</p>
                    </div>
                    <div class="col-md-3 post-top">
                        <a href="#"> <img class="img-responsive " th:src="@{/images/s2.jpg}" alt=""></a>
                        <a href="#"><h6>大床房</h6></a>
                        <p>含早餐，有WiFi</p>
                    </div>
                    <div class="col-md-3 post-top">
                        <a href="#"> <img class="img-responsive " th:src="@{/images/s3.jpg}" alt=""></a>
                        <a href="#"><h6>亲子间</h6></a>
                        <p>含早餐，有WiFi</p>
                    </div>
                    <div class="col-md-3 post-top">
                        <a href="#"><img class="img-responsive " th:src="@{/images/s4.jpg}" alt=""></a>
                        <a href="#"><h6>套房</h6></a>
                        <p></p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="single-bottom">

                <form>
                    <input type="submit" value="预订">
                </form>
            </div>
        </div>
        <div class="col-md-12 categories-grid">
            <div class="grid-categories">
                <h4>Categories</h4>
                <ul class="popular ">
                    <li><a href="#"><i class="glyphicon glyphicon-ok"> </i>单间</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-ok"> </i>标间</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-ok"> </i>亲子间</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-ok"> </i>大床房</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-ok"> </i>套房</a></li>

                </ul>
            </div>
            <div class="grid-categories">

            </div>
        </div>
        <div class="clearfix"></div>

    </div>
</div>

<!--//single end here-->
<div class="footer">
    <div class="container">
        <div class="footer_top">

            <form>

            </form>
        </div>
        <div class="footer_grids">
            <div class="footer-grid">

            </div>
            <div class="footer-grid">

            </div>
            <div class="footer-grid last_grid">

                <div class="copy" id="contact">
                    <p>感谢领导 <a href="http://www.cssmoban.com/" target="_blank" title="上程数据">上程数据</a></p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
</body>
</html>		